<!DOCTYPE html>
<!-- saved from url=(0076)http://yth.0101data.cn/course-orginal/cse5a0e5af7a7f3a9-93397175/contributed -->
<html>
	<!-- Mirrored from clear.lcrm.in/dark/layout_fixed.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 02 May 2017 07:54:24 GMT -->

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<title>作业管理</title>
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
		<![endif]-->

		<link rel="stylesheet" href="css/site.completed.min.css" />
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" />
		<link rel="stylesheet" href="css/toastr.min.css" />
		<link rel="stylesheet" href="css/select2.min.css" />
		<link rel="stylesheet" href="css/cbvm.app.css" />

		<!--end page level css-->
		<!-- global js -->
		<script type="text/javascript" src="js/jquery.3.js"></script>
		<!--放在最前面-->
		<script type="text/javascript" src="js/site.completed.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
		<script type="text/javascript" src="js/select2.min.js"></script>
		<script type="text/javascript" src="js/toastr.js"></script>
		<script type="text/javascript" src="js/cbvm.app.js"></script>
		<script type="text/javascript" src="js/pnotify.custom.min.js"></script>
		<script type="text/javascript" src="js/Chart.js"></script>
		<!--
      	作者：864478199@qq.com
      	时间：2018-03-21
      	描述：样式
      -->
		<link rel="stylesheet" href="css/layui.css" />
		<link rel="stylesheet" href="mystyle.css" />
		<!--
        	作者：864478199@qq.com
        	时间：2018-04-02
        	描述：js
        -->
		<script type="text/javascript" src="layui/layui.js"></script>
	</head>

	<!-- 模块拼接js -->
	<script type="text/javascript">
		$(document).ready(function() {
			$('.header').load("header.html");
			$('.left').load("left.html");
		})
	</script>

	<body class="skin-default fixed-menu">
		<!-- 外部头部拼接 -->
		<div class="header"></div>

		<div class="wrapper row-offcanvas row-offcanvas-left">
			<!-- Left side column. contains the logo and sidebar -->
			<aside class="left-side sidebar-offcanvas">
				<!-- sidebar: style can be found in sidebar-->
				<div class="left"></div>
				<!-- /.sidebar -->
			</aside>
			<aside class="right-side fixednav_right">
				<section class="content-header">
					<!--
              	作者：864478199@qq.com
              	时间：2018-03-26
              	描述：修改面包屑
              -->

					<ol class="breadcrumb">
						<li>
							<a href="http://yth.0101data.cn/">
								<i class="fa fa-fw ti-home"></i> 面板
							</a>
						</li>
						<li class="active">
							我的课程面板
						</li>
					</ol>
					<h1>
			        查看评审结果
			    </h1>
				</section>
				<section class="content">
					<!-- second table start -->
					<div class="row">
						<div class="col-lg-12">
							<div class="panel review-result">
								<div class="layui-row">
									<div class="right-title layui-col-sm6">实验二 评审结果</div>
									<div class="layui-col-sm6 export-btn"><button class="layui-btn layui-btn-sm"><img src="img/adochu.png" />导出Excel</button></div>
								</div>
								<div class="layui-row base-info">
									<div class="layui-col-sm4 experts-num">评审专家人数： <span>3</span></div>
									<div class="layui-col-sm8 proportion">比重：
										<span>团队40%</span>
										<div class="layui-progress per-progerss" lay-filter="percent">
											<div class="layui-progress-bar" lay-percent="0%"></div>
										</div>
										<span>专家60%</span>
									</div>
								</div>
								<div class="team-review-result">
									<ul class="layui-row">
										<li class="layui-col-sm4">
											<div class="team-name">
												团队1
												<span>68分</span>
											</div>
											<div class="team-sorce-canvas">
												<div class="legend">
													<span>团队评审<span></span></span>
													<span>专家评审<span></span></span>
												</div>
												<div>
													<canvas class="score-bar"></canvas >
												</div>
												<div class="result">
													<div><span>团队互评：总分98 </span>| &nbsp;&nbsp;&nbsp;最终得分 <span class="team-pf">19.6</span></div>
													<div><span>专家评审：总分242</span>| &nbsp;&nbsp;&nbsp;最终得分 <span class="export-pf">48.4</span></div>
												</div>
											</div>
										</li>
										<li class="layui-col-sm4">
											<div class="team-name">
												团队2
												<span>68分</span>
											</div>
											<div class="team-sorce-canvas">
												<div class="legend">
													<span>团队评审<span></span></span>
													<span>专家评审<span></span></span>
												</div>
												<div>
													<canvas class="score-bar2"></canvas >
												</div>
												<div class="result">
													<div><span>团队互评：总分98 </span>| &nbsp;&nbsp;&nbsp;最终得分 <span class="team-pf">19.6</span></div>
													<div><span>专家评审：总分242</span>| &nbsp;&nbsp;&nbsp;最终得分 <span class="export-pf">48.4</span></div>
												</div>
											</div>
									</ul>
								</div>
								<div class="note">
									<span>注：</span>
										<p>评审总分 = 专家评分之和  &nbsp;&nbsp;&nbsp;评审最终得分 = 评审总分/实际专家评审数 * 专家比重 </p>
										<p>互评总分 = 团队评分之和  &nbsp;&nbsp;&nbsp;互评最终得分 = 互评总分/实际团队评审数 * 团队比重</p>
										<p>成绩 = 评审最终得分 + 互评最终得分</p>
								</div>
							</div>
							<!--
            	作者：864478199@qq.com
            	时间：2018-03-26
            	描述：底部
            -->
							<div class="login-footer2">
								<span>厦门理工学院 &copy; 2018</span>
							</div>
						</div>
					</div>
				</section>
			</aside>
		</div>
	</body>
	<script type="text/javascript">
		layui.use('element', function() {
			var $ = layui.jquery,
				element = layui.element;
			$(function(){
				element.progress('percent','40%')
			})
		});
		
	</script>
<script>
	var ctx = $('.score-bar');
	var myChart = new Chart(ctx,{
		type: 'bar',
		data: {
			datasets: [{
				label: '团队1评审',
				data: [80],
				backgroundColor: '#5fb878'
			},
			{
				label: '团队2评审',
				data: [76],
				backgroundColor: '#5fb878'
			},
			{
				label: '专家评审',
				data: [96],
				backgroundColor: '#faa949'
			},
			{
				label: '专家评审1',
				data: [95],
				backgroundColor: '#faa949'
			},
			{
				label: '专家评审2',
				data: [74],
				backgroundColor: '#faa949'
			},
			{
				label: '专家评审3',
				data: [73],
				backgroundColor: '#faa949'
			}],
       labels: ''
		},
		options: {
			responsive: true,
			responsiveAnimationDuration: 100,
			legend:{
				display: false
			},
			scales: {
				yAxes: [{
					ticks:{
						min: 0,
						max: 100,
						stepSize: 20
					}
        }]
			}
		}
	})
	var ctx = $('.score-bar2');
	var myChart = new Chart(ctx,{
		type: 'bar',
		data: {
			datasets: [{
				label: '团队1评审',
				data: [80],
				backgroundColor: '#5fb878'
			},
			{
				label: '团队2评审',
				data: [76],
				backgroundColor: '#5fb878'
			},
			{
				label: '专家评审',
				data: [96],
				backgroundColor: '#faa949'
			},
			{
				label: '专家评审1',
				data: [95],
				backgroundColor: '#faa949'
			},
			{
				label: '专家评审2',
				data: [74],
				backgroundColor: '#faa949'
			},
			{
				label: '专家评审3',
				data: [73],
				backgroundColor: '#faa949'
			}],
       labels: ''
		},
		options: {
			responsive: true,
			responsiveAnimationDuration: 100,
			legend:{
				display: false
			},
			scales: {
				yAxes: [{
					ticks:{
						min: 0,
						max: 100,
						stepSize: 20
					}
        }]
			}
		}
	})
</script>
</html>